iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 10
0

之前練得collectionView 都是在 ViewConroller和storyboard。

來找找看collectionView 有沒有swiftUI版本

獲得圖片後再把東西放collectionView,應該可以完成相簿

(2020) SwiftUI - Grid View/Collection View - 15 Minutes – Intermediate

筆記:
1
一格一格的圖片用frame ,然後AnyView不知道是什麼。
滑動用ScrollView 。

2
每一列放3個圖片:itemPerRow =3
所以總共有幾列? 圖片總個數 / 3

3
參考@:
[译]理解 SwiftUI 里的属性装饰器@State, @Binding, @ObservedObject, @EnvironmentObject

SwiftUI Tutorial: What's the difference between @State, @ObjectBinding, and @EnvironmentObject?

不確定:
多個view(頁面) 用 class用 @ObservableObject 和 @Published
一個view (頁面 )用 struct 用 State

就先用@ObservableObject 和 @Publish 試試看。
有兩頁需要圖片資訊 :相簿和點下去的全螢幕 。

4
從相簿拿完圖片後,要載圖片畫面:
Asynchronously Load Data from APIs in SwiftUI

新增一個布林變數 。

If true
 載入相簿
Else
 轉圈圈

5
在回去看一下轉圈圈怎麼用
https://ithelp.ithome.com.tw/articles/10233991

6
圖片檔名取的方法:
Traps for PHAsset. How to get filename from PHAsset?

phAsset.value(forKey: "filename")

7 獲得一些圖片資訊:

https://developer.apple.com/documentation/photokit/phasset

var creationDate: Date?
The date and time at which the asset was originally created.

var modificationDate: Date?
The date and time at which the asset was last modified.

總結 :
畫面有 一格一格的view ,用來塞一個圖片 。

一次用一個HStack 載入 一列,一列3個圖片。

總共有幾列? 全部圖片個數 / 一列3個 。

還沒獲得圖片 , 轉圈圈 。

獲得圖片後 , 用迴圈 把 一個一個的 HStack 放到 ScrollView 裡面 。

其他:
https://ithelp.ithome.com.tw/articles/10222422
GitHub 403錯誤參考
解决 github push failed (remote: Permission to userA/repo.git denied to userB.)


上一篇
相簿
下一篇
Coordinator pattern
系列文
iOS學習資源與筆記28
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言